﻿@*<div style="margin-left:20%;">*@
    <div style="float:left; width:12%; margin-top:4px">15 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">16:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">Brasil</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Brasil.png" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[0] - @ViewBag.Pronosticos[1]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Japon.png" width="60%" style="border:solid black 1px" alt=""></div>
    <div style="margin-top:4px">Japón</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">16 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">16:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">México</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Mexico.png" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[2] - @ViewBag.Pronosticos[3]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Italia.png" width="60%" alt=""/></div>
    <div style="margin-top:4px">Italia</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">19 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">16:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">Brasil</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Brasil.png" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[4] - @ViewBag.Pronosticos[5]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Mexico.png" width="60%" alt=""/></div>
    <div style="margin-top:4px">México</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">19 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">19:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">Italia</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Italia.png" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[6] - @ViewBag.Pronosticos[7]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Japon.png" width="60%" style="border:solid black 1px" alt=""/></div>
    <div style="margin-top:4px">Japón</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">22 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">16:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">Italia</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Italia.png" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[8] - @ViewBag.Pronosticos[9]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Brasil.png" width="60%" alt=""/></div>
    <div style="margin-top:4px">Brasil</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">22 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">16:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">Japón</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Japon.png" style="border:solid black 1px" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[10] - @ViewBag.Pronosticos[11]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Mexico.png" width="60%" alt=""/></div>
    <div style="margin-top:4px">México</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">16 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">19:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">España</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Espana.png" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[12] - @ViewBag.Pronosticos[13]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Uruguay.png" width="60%" alt=""/></div>
    <div style="margin-top:4px">Uruguay</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">17 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">16:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">Tahití</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Tahiti.png" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[14] - @ViewBag.Pronosticos[15]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Nigeria.png" width="60%" alt=""/></div>
    <div style="margin-top:4px">Nigeria</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">20 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">16:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">España</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Espana.png" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[16] - @ViewBag.Pronosticos[17]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Tahiti.png" width="60%" alt=""/></div>
    <div style="margin-top:4px">Tahití</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">20 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">19:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">Nigeria</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Nigeria.png" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[18] - @ViewBag.Pronosticos[19]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Uruguay.png" width="60%" alt=""/></div>
    <div style="margin-top:4px">Uruguay</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">23 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">16:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">Nigeria</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Nigeria.png" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[20] - @ViewBag.Pronosticos[21]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Espana.png" width="60%" alt=""/></div>
    <div style="margin-top:4px">España</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">23 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">16:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">Uruguay</div>
    <div style="float:left; width:5%; margin-top:4px"><img src="/Content/img/Uruguay.png" width="60%" alt=""/></div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[22] - @ViewBag.Pronosticos[23]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px"><img src="/Content/img/Tahiti.png" width="60%" alt=""/></div>
    <div style="margin-top:4px">Tahití</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">26 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">16:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">@ViewBag.Pronosticos[32]</div>
    <div style="float:left; width:5%; margin-top:4px">&nbsp</div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[24] - @ViewBag.Pronosticos[25]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px">&nbsp</div>
    <div style="margin-top:4px">@ViewBag.Pronosticos[33]</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">27 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">16:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">@ViewBag.Pronosticos[34]</div>
    <div style="float:left; width:5%; margin-top:4px">&nbsp</div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[26] - @ViewBag.Pronosticos[27]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px">&nbsp</div>
    <div style="margin-top:4px">@ViewBag.Pronosticos[35]</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">30 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">13:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">@ViewBag.Pronosticos[36]</div>
    <div style="float:left; width:5%; margin-top:4px">&nbsp</div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[28] - @ViewBag.Pronosticos[29]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px">&nbsp</div>
    <div style="margin-top:4px">@ViewBag.Pronosticos[37]</div>
    <div>&nbsp;</div>
    <div style="float:left; width:12%; margin-top:4px">30 de Junio</div>
    <div style="float:left; width:5%; margin-top:4px">19:00</div>
    <div style="float:left; width:17%; margin-top:4px; text-align:right; margin-right:2%">@ViewBag.Pronosticos[38]</div>
    <div style="float:left; width:5%; margin-top:4px">&nbsp</div>
    <div style="float:left; width:5%; margin-top:4px">@ViewBag.Pronosticos[30] - @ViewBag.Pronosticos[31]</div>
    <div style="float:left; width:5%; margin-left:2%; margin-top:4px">&nbsp</div>
    <div style="margin-top:4px">@ViewBag.Pronosticos[39]</div>
    <div>&nbsp;</div>

    <div style="width:15%; float:left; margin-left:28.5%">Campeón:</div><div>@ViewBag.Pronosticos[40]</div>
        <div style="width:15%; float:left; margin-left:28.5%">Segundo:</div><div>@ViewBag.Pronosticos[41]</div>
        <div style="width:15%; float:left; margin-left:28.5%">Tercero:</div><div>@ViewBag.Pronosticos[42]</div>
        <div style="width:14.8%; float:left; margin-left:28.5%">Más goles:</div><div>@ViewBag.Pronosticos[43]</div>
        <div style="width:14.8%; float:left; margin-left:28.5%">Total goles:</div><div>@ViewBag.Pronosticos[44]</div>
@*</div>*@
